<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://best.openssf.org/assets/css/style.css">
<link rel="stylesheet" href="checker.css">
<script src="checker.js"></script>
<script src="hello.js"></script>
<link rel="license" href="https://creativecommons.org/licenses/by/4.0/">

<!-- See create_labs.md for how to create your own lab! -->
</head>
<body>
<!-- For GitHub Pages formatting: -->
<div class="container-lg px-3 my-5 markdown-body">
<h1>ラボ演習 hello</h1>
<p>
これはセキュアなソフトウェア開発に関するラボ演習です。
ラボの詳細については、<a href="ja_introduction.html" target="_blank">概要</a>をご覧ください。

<p>
<h2>ゴール</h2>
<p>
<b>"Hello, world!" と書くプログラムでラボの使い方を学びましょう。</b>

<p>
<h2>背景</h2>
<p>
<a href="https://en.wikipedia.org/wiki/%22Hello,_World!%22_program">"Hello, world!"</a>は、
新しいプログラミング言語やシステムで最初に書かれるプログラムです。
ラボの仕組みを理解するために、このプログラムを書きましょう。

<p>
<h2>タスク</h2>
<p>
<p>
あなたのタスクは以下のプログラムを変更して"Hello, world!" と表示させ、このラボの機能を学ぶことです。
下にある<i>ヒント</i>、<i>リセット</i>、<i>諦める</i>というボタンも試してみてください。

<p>
正解するとポップアップ通知が表示されます。
また、入力ボックスの背景色が変わり、
Interactive Labの横の見出しが「<i>完了！</i>」に変わります。

<p>
<h2>Interactive Lab (<span id="grade"></span>)</h2>
<p>
<b>"Hello, world!"（引用符("")を含まない）を表示するように、以下のコードを修正してください。
Node.js上のJavaScriptについて学びながら、ラボの仕組みを学びましょう。
</b>

<p>
<!--
You can use this an example for new labs.
For multi-line inputs, instead of <input id="attempt0" type="text" ...>, use
<textarea id="attempt" rows="2" cols="65">...</textarea>
-->
<form id="lab">
<pre><code
><input id="attempt0" type="text" size="60" spellcheck="false"
       value='console.log("Goodbye.");'>
</code></pre>
<button type="button" class="hintButton">ヒント</button>
<button type="button" class="resetButton">リセット</button>
<button type="button" class="giveUpButton">諦める</button>
<br><br>
<p>
<i>このラボは、<a href="https://www.linuxfoundation.org/">Linux Foundation</a>のDavid A. Wheelerによって開発されました。</i>
<br><br>
<p id="correctStamp" class="small">
<textarea id="debugData" class="displayNone" rows="20" cols="65" readonly>
</textarea>
</form>

</div><!-- End GitHub pages formatting -->
</body>
</html>
